<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>购物车</title>
    <link rel="stylesheet" type="text/css" href="css/shopcart.css"/>
    <script src="js/jquery-1.12.3.js"></script>
    <script src="js/jquery.cookie.js"></script>
    <script src="js/shopcart.js"></script>c
</head>
<body>
<div id="top">
    <div class="top_inner">
        <a href="#"><i class="iconfont sign" style="font-size:16px;">&#xe740;</i>[每月签到]</a>
        <span>每月累计签到十次可获得五蜜豆</span>


        <div>
            <ul>
                <li><a href="#">登录</a></li>
                <li><a href="#">注册</a></li>
                <li><a href="#">|</a></li>
                <li><a href="#">手机APP</a></li>
                <li><a href="#"><i class="iconfont customer" style="font-size:16px;">&#xe749;</i>在线客服</a></li>
            </ul>
        </div>
    </div>
</div>

<header>
    <div class="header_inner">

        <div class="header_login"></div>

        <ul>
            <li><span class="item">
                <div class="item_t"></div>
                </span>
            </li>

             <li><span class="item">
                <div class="item_t"></div>
                </span>
             </li>

              <li><span class="item">
                <div class="item_t"></div>
                </span>
              </li>
        </ul>

        <div class="header_r">
            <div class="cart_one" style="color: #ff5037;">
            <span style="background:#ff5037;">1</span>
            <i class="line"></i>
            <div>购物车</div>
            </div>

            <div class="cart_one">
            <span>2</span>
                <i class="line"></i>
            <div>提交订单</div>
            </div>

            <div class="cart_one">
                <span class="pay">
                    <i class="pay_bg"></i>
                </span>
                <div>选择支付</div>
            </div>

        </div>
    </div>
</header>

<main>
    <div class="main_inner">
        <table class="table">
            <thead>
                <tr>
                  <th class="bt_th"><i class="check_b all"></i></th>
                    <th class="f_th">商品信息</th>
                    <th>规格</th>
                    <th>单价</th>
                    <th>数量</th>
                    <th>金额</th>
                    <th>操作</th>
                    </tr>
                </thead>


            <tr class="mty">
               <th class="bt_td"><i class="check_b"></i></th>
               <th class="f_td1"><i class="zoom"></i><span class="zoom_c">极速仓</span><span class="zoom_d">满99元包邮</span></th>
                </tr>


            <tfoot>
            <tr>
                <td colspan="7" style="text-align:right"><span>本仓总计：</span><span class="total_c">￥1553.00</span><span>(优惠￥0.00)</span></td>
                </tr>
            </tfoot>
        </table>

        <div class="sumcart">
            <div class="sum_l">
                <div class="bt_div"><i class="check_b"></i></div>
                <a class="f_del"><i class="f_sel"></i>删除</a>
                <span class="f_clear"></span><a class="clem">清空失效商品</a>
            </div>
            <div class="sum_r">
                <span><span>总计：</span><span class="total"></span><span>(不含运费)</span></span>
                <span><input type="button" value="去结算" class="settle"></span>
            </div>
        </div>
    </div>
</main>


<div id="aside2">

    <div class="aside_f1">
        <img src="img/genuine.png"/>
        <div>100%正品</div>
    </div>


    <div class="aside_f1">
        <img src="img/low.png"/>
        <div>优质抵价</div>
    </div>


    <div class="aside_f1">
        <img src="img/deliver.png"/>
        <div>极速发货</div>
    </div>

    <div class="aside_f1">
        <img src="img/refund.png"/>
        <div>退换无忧</div>
    </div>
</div>

<footer>
    <div class="footer_inner">
        <div class="foot_l">
            <img src="img/szj.jpg"/>
            <p>关于我们</p>
            <div class="flogin">
                <div><img src="img/meme.png"/></div>
                <div><img src="img/wechat.png"/></div>
                <div><img src="img/sina.png"/></div>
            </div>
        </div>
        <div class="foot_b">
            <ul class="foot_f1">
                <li class="f1_h">关于美美箱</li>
                <li><a href="#">美美全球</a></li>
                <li><a href="#">品牌优势</a></li>
                <li><a href="#">消费保障</a></li>
                <li><a href="#">线下体验店</a></li>
            </ul>

            <ul class="foot_f1">
                <li  class="f1_h">帮助中心</li>
                <li><a href="#">常见问题</a></li>
                <li><a href="#">账户相关</a></li>
                <li><a href="#">包邮政策</a></li>
                <li><a href="#">支付相关</a></li>
                <li><a href="#">支付相关</a></li>
                <li><a href="#">物流相关</a></li>
                <li><a href="#">退换政策</a></li>
            </ul>

            <ul class="foot_f1">
                <li  class="f1_h">服务协议</li>
                <li><a href="#">服务协议</a></li>
                <li><a href="#">个人网申协议</a></li>
                <li><a href="#">隐私政策</a></li>
            </ul>


            <ul class="foot_f1">
                <li  class="f1_h">联系我们</li>
                <li><a href="#">商务合作</a></li>
                <li><a href="#">分销合作</a></li>
                <li><a href="#">加入我们</a></li>
            </ul>


        </div>
    </div>
</footer><div class="clear"></div>

<div id="footer2">
    <div class="footer2_inner">
        <p>联系客服</p>
        <div class="time"><span>客服时间:周一~周二(9:00-21:00)</span><span>客服热线:400-720-9976</span><span>客服邮箱:kf@memeboxglobal.com</span></div>
    </div>
</div>

<div id="bottom">
    <span class="bottom_l">© 2015 Memebox Corporation. All Rights Reserved.</span>  <span class="bottom_r"><span><img src="img/icon.gif"/></span>蜜米柏克思（上海）商贸有限公司 上海市杨浦区政立路415号中航天盛广场A座6楼 沪ICP备14043341号</span>
</div>

</body>
</html>